Page({

  /**
   * 页面的初始数据
   */
  // 为页面提供数据
  // data就是界面和逻辑之间的桥梁
  data: {
    message: "hello world!123",
    setcalss: 'setStyle',
    todos: [
      { name: "javascropt", complete: false},
      { name: "html", complete: true },
      { name: "css", complete: false }
    ],
    bindMessage: "123123",
    show: false
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    
  },
  buttonTapHandler: function(e) {
    console.log('1234')
    // 将一个对象以树状形式打印到控制台
    console.dir(e)
  },
  innerHandle: function() {
    console.log('inner')
  },
  outerHandle: function() {
    console.log('outer')
  },
  tap2Handler: function(e) {
    console.log(this) //事件处理函数中的this指向的还是页面对象！！！跟html不一样
    console.log(e.target.dataset)
  },
  inputHandle: function(e) {
    console.log(e)
    var value = e.detail.value
    this.setData({
      bindMessage: value
    })
  }
})